<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Element 属性和方法</title>
		<style>
			font {
				color: red;
			}
		</style>
	</head>
	<body>
		<p>红色字体的 属性/方法 需要掌握</p>
		<table border="1px" bordercolor="black" cellspacing="0px" cellpadding="0px">
			<thead>
				<tr>
					<th width="50px">序号</th>
					<th>属性/方法</th>
					<th>描述</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>1</td>
					<td>element.accessKey</td>
					<td>设置或返回元素的快捷键。</td>
				</tr>
				<tr>
					<td>2</td>
					<td><font>element.appendChild()</font></td>
					<td>向元素添加新的子节点，作为最后一个子节点。</td>
				</tr>
				<tr>
					<td>3</td>
					<td>element.attributes</td>
					<td>返回元素属性的 NamedNodeMap。</td>
				</tr>
				<tr>
					<td>4</td>
					<td>element.childNodes</td>
					<td>返回元素子节点的 NodeList。</td>
				</tr>
				<tr>
					<td>5</td>
					<td>element.className</td>
					<td>设置或返回元素的 class 属性。</td>
				</tr>
				<tr>
					<td>6</td>
					<td>element.clientHeight</td>
					<td>返回元素的可见高度。</td>
				</tr>
				<tr>
					<td>7</td>
					<td>element.clientWidth</td>
					<td>返回元素的可见宽度。</td>
				</tr>
				<tr>
					<td>8</td>
					<td>element.cloneNode()</td>
					<td>克隆元素。</td>
				</tr>
				<tr>
					<td>9</td>
					<td>element.compareDocumentPosition()</td>
					<td>比较两个元素的文档位置。 </td>
				</tr>
				<tr>
					<td>10</td>
					<td>element.contentEditable</td>
					<td>设置或返回元素的文本方向。</td>
				</tr>
				<tr>
					<td>11</td>
					<td>element.dir</td>
					<td>设置或返回元素的文本方向。</td>
				</tr>
				<tr>
					<td>12</td>
					<td><font>element.firstChild</font></td>
					<td>返回元素的首个子(节点Node)。</td>
				</tr>
				<tr>
					<td>13</td>
					<td><font>element.getAttribute()</font></td>
					<td>返回元素节点的指定属性值。</td>
				</tr>
				<tr>
					<td>14</td>
					<td>element.getAttributeNode()</td>
					<td>返回指定的属性节点。</td>
				</tr>
				<tr>
					<td>15</td>
					<td>element.getElementsByTagName()</td>
					<td>返回拥有指定标签名的所有子元素的集合。</td>
				</tr>
				<tr>
					<td>16</td>
					<td>element.getFeature()</td>
					<td>返回实现了指定特性的 API 的某个对象。</td>
				</tr>
				<tr>
					<td>17</td>
					<td>element.getUserData()</td>
					<td>返回关联元素上键的对象。</td>
				</tr>
				<tr>
					<td>18</td>
					<td>element.hasAttribute()</td>
					<td>如果元素拥有指定属性，则返回true，否则返回 false。</td>
				</tr>
				<tr>
					<td>19</td>
					<td>element.hasAttributes()</td>
					<td>如果元素拥有属性，则返回 true，否则返回 false。</td>
				</tr>
				<tr>
					<td>20</td>
					<td>element.hasChildNodes()</td>
					<td>如果元素拥有子节点，则返回 true，否则 false。 </td>
				</tr>
				<tr>
					<td>21</td>
					<td>element.id</td>
					<td>设置或返回元素的 id。</td>
				</tr>
				<tr>
					<td>22</td>
					<td><font>element.innerHTML</font></td>
					<td>设置或返回元素的内容。</td>
				</tr>
				<tr>
					<td>23</td>
					<td><font>element.insertBefore()</font></td>
					<td>在指定的已有的子节点之前插入新节点。</td>
				</tr>
				<tr>
					<td>24</td>
					<td>element.isContentEditable</td>
					<td>设置或返回元素的内容。</td>
				</tr>
				<tr>
					<td>25</td>
					<td>element.isDefaultNamespace()</td>
					<td>如果指定的 namespaceURI 是默认的，则返回 true，否则返回 false。</td>
				</tr>
				<tr>
					<td>26</td>
					<td>element.isEqualNode()</td>
					<td>检查两个元素是否相等。</td>
				</tr>
				<tr>
					<td>27</td>
					<td>element.isSameNode()</td>
					<td>检查两个元素是否是相同的节点。</td>
				</tr>
				<tr>
					<td>28</td>
					<td>element.isSupported()</td>
					<td>如果元素支持指定特性，则返回 true。</td>
				</tr>
				<tr>
					<td>29</td>
					<td>element.lang</td>
					<td>设置或返回元素的语言代码。</td>
				</tr>
				<tr>
					<td>30</td>
					<td><font>element.lastChild</font></td>
					<td>返回元素的最后一个子元素。</td>
				</tr>
				<tr>
					<td>31</td>
					<td>element.namespaceURI</td>
					<td>返回元素的 namespace URI。</td>
				</tr>
				<tr>
					<td>32</td>
					<td>element.nextSibling</td>
					<td>返回位于相同节点树层级的下一个节点。</td>
				</tr>
				<tr>
					<td>33</td>
					<td>element.nodeName</td>
					<td>返回元素的名称。</td>
				</tr>
				<tr>
					<td>34</td>
					<td>element.nodeType</td>
					<td>返回元素的节点类型。</td>
				</tr>
				<tr>
					<td>35</td>
					<td>element.nodeValue</td>
					<td>设置或返回元素值。</td>
				</tr>
				<tr>
					<td>36</td>
					<td>element.normalize()</td>
					<td>合并元素中相邻的文本节点，并移除空的文本节点。</td>
				</tr>
				<tr>
					<td>37</td>
					<td>element.offsetHeight</td>
					<td>返回元素的高度。</td>
				</tr>
				<tr>
					<td>38</td>
					<td>element.offsetWidth</td>
					<td>返回元素的宽度。</td>
				</tr>
				<tr>
					<td>39</td>
					<td>element.offsetLeft</td>
					<td>返回元素的水平偏移位置。</td>
				</tr>
				<tr>
					<td>40</td>
					<td>element.offsetParent</td>
					<td>返回元素的偏移容器。</td>
				</tr>
				<tr>
					<td>41</td>
					<td>element.offsetTop</td>
					<td>返回元素的垂直偏移位置。</td>
				</tr>
				<tr>
					<td>42</td>
					<td>element.ownerDocument</td>
					<td>返回元素的根元素（文档对象）。</td>
				</tr>
				<tr>
					<td>43</td>
					<td>element.parentNode</td>
					<td>返回元素的父节点。</td>
				</tr>
				<tr>
					<td>44</td>
					<td>element.previousSibling</td>
					<td>返回位于相同节点树层级的前一个元素。</td>
				</tr>
				<tr>
					<td>45</td>
					<td>element.removeAttribute()</td>
					<td>从元素中移除指定属性。</td>
				</tr>
				<tr>
					<td>46</td>
					<td>element.removeAttributeNode()</td>
					<td>移除指定的属性节点，并返回被移除的节点。</td>
				</tr>
				<tr>
					<td>47</td>
					<td>element.removeChild()</td>
					<td>从元素中移除子节点。</td>
				</tr>
				<tr>
					<td>48</td>
					<td>element.replaceChild()</td>
					<td>替换元素中的子节点。</td>
				</tr>
				<tr>
					<td>49</td>
					<td>element.scrollHeight</td>
					<td>返回元素的整体高度。</td>
				</tr>
				<tr>
					<td>50</td>
					<td>element.scrollLeft</td>
					<td>返回元素左边缘与视图之间的距离。</td>
				</tr>
				<tr>
					<td>51</td>
					<td>element.scrollTop</td>
					<td>返回元素上边缘与视图之间的距离。</td>
				</tr>
				<tr>
					<td>52</td>
					<td>element.scrollWidth</td>
					<td>返回元素的整体宽度。</td>
				</tr>
				<tr>
					<td>53</td>
					<td><font>element.setAttribute()</font></td>
					<td>把指定属性设置或更改为指定值。</td>
				</tr>
				<tr>
					<td>54</td>
					<td>element.setAttributeNode()</td>
					<td>设置或更改指定属性节点。</td>
				</tr>
				<tr>
					<td>55</td>
					<td>element.setIdAttribute()</td>
					<td></td>
				</tr>
				<tr>
					<td>56</td>
					<td>element.setIdAttributeNode()</td>
					<td></td>
				</tr>
				<tr>
					<td>57</td>
					<td>element.setUserData()</td>
					<td>把对象关联到元素上的键。</td>
				</tr>
				<tr>
					<td>58</td>
					<td>element.style</td>
					<td>设置或返回元素的 style 属性。</td>
				</tr>
				<tr>
					<td>59</td>
					<td>element.tabIndex</td>
					<td>设置或返回元素的 tab 键控制次序。</td>
				</tr>
				<tr>
					<td>60</td>
					<td>element.tagName</td>
					<td>返回元素的标签名。</td>
				</tr>
				<tr>
					<td>61</td>
					<td>element.textContent</td>
					<td>设置或返回节点及其后代的文本内容。</td>
				</tr>
				<tr>
					<td>62</td>
					<td>element.title</td>
					<td>设置或返回元素的 title 属性。</td>
				</tr>
				<tr>
					<td>63</td>
					<td>element.toString()</td>
					<td>把元素转换为字符串。</td>
				</tr>
				<tr>
					<td>64</td>
					<td>nodelist.item()</td>
					<td>返回 NodeList 中位于指定下标的节点。</td>
				</tr>
				<tr>
					<td>65</td>
					<td>nodelist.length</td>
					<td>返回 NodeList 中的节点数。</td>
				</tr>
			</tbody>
		</table>
	</body>
</html>
